---
image: /generated/articles-docs-media-parser-web-reader.png
id: web-reader
title: webReader
slug: /media-parser/web-reader
crumb: '@remotion/media-parser'
---

:::warning
[We are phasing out Media Parser and are moving to Mediabunny](/blog/mediabunny)!
:::

A [reader](/docs/media-parser/readers) for [`@remotion/media-parser`](/docs/media-parser) that reads either from a URL or from a [`File`](https://developer.mozilla.org/en-US/docs/Web/API/File).

It is the default reader, and therefore does not have to be specified.

## Example

```tsx twoslash title="Reading from any source"
import {parseMedia} from '@remotion/media-parser';
import {webReader} from '@remotion/media-parser/web';

const result = await parseMedia({
  // Or a `File`
  src: 'https://remotion.media/video.mp4',
  fields: {
    durationInSeconds: true,
    dimensions: true,
  },
  reader: webReader,
});
```

## See also

- [Source code for this function](https://github.com/remotion-dev/remotion/blob/main/packages/media-parser/src/web.ts)
- [`parseMedia()`](/docs/media-parser/parse-media)
